<!DOCTYPE html>
<html>
<head>
    {% block head %}
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>{% block title %}{{ title }}{% endblock %}</title>
        {% block styles %}
            <!-- 告诉浏览器能够响应屏幕宽度 -->
            <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
            <link rel="stylesheet"
                  href="{{ url_for('static',filename='bower_components/bootstrap/dist/css/bootstrap.min.css') }}">
            <!-- select2 -->
            <link rel="stylesheet"
                  href="{{ url_for('static',filename='bower_components/select2/dist/css/select2.min.css') }}">
            <!-- 主题 style -->
            <link rel="stylesheet" href="{{ url_for('static',filename='dist/css/AdminLTE.min.css') }}">
            <!--皮肤-->
            <link rel="stylesheet" href="{{ url_for('static',filename='dist/css/skins/skin-blue.min.css') }}">
            <!-- Google Font -->
            <link rel="stylesheet"
                  href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
            <!-- Font Awesome小图标 -->
            <link rel="stylesheet"
                  href="{{ url_for('static',filename='bower_components/font-awesome/css/font-awesome.min.css') }}">
        {% endblock styles %}
    {% endblock head %}
</head>
<body class="hold-transition skin-blue sidebar-mini">
{% block body %}
    <div class="wrapper">
        {% include 'includes/_navbar.html' %}
        {% include 'includes/_left_menu.html' %}
        {% block content %}
        {% endblock content %}
        {% block footer %}
            <footer class="main-footer">
                <strong>Copyright &copy; 2017 <a href="#">佚名</a></strong>
            </footer>
        {% endblock footer %}
        <div class="control-sidebar-bg"></div>
    </div>
    {% block scripts %}
        <!-- jQuery 3 -->
        <script src="{{ url_for('static',filename='bower_components/jquery/dist/jquery.js') }}"></script>
        <!-- Bootstrap 3.3.7 -->
        <script src="{{ url_for('static',filename='bower_components/bootstrap/dist/js/bootstrap.min.js') }}"></script>
        <!-- AdminLTE App -->
        <script src="{{ url_for('static',filename='dist/js/adminlte.min.js') }}"></script>
        <!--当前页面添加active-->
        <script>
            var url = window.location;
            $('ul.sidebar-menu a').filter(function () {
                return this.href == url;
            }).parent().addClass('active');
            $('ul.treeview-menu a').filter(function () {
                return this.href == url;
            }).parentsUntil(".sidebar-menu > .treeview-menu").addClass('active');
        </script>
    {% endblock scripts %}
{% endblock body %}
</body>
</html>